layui.use(['layer','element'], function(){ //独立版的layer无需执行这一句
        var $ = layui.jquery,
        layer = layui.layer,//独立版的layer无需执行这一句
        element = layui.element


    //Hash地址的定位
    var layid = location.hash.replace(/^#test=/, '');
    element.tabChange('test', layid);

    element.on('tab(test)', function(elem){
        location.hash = 'test='+ $(this).attr('lay-id');
    });

    //触发事件
    $("#cz").click(function () {
        layer.open({
            type: 1,
            title: '充值',
            skin: 'layui-layer-demo', //样式类名
            area: ['900px', '670px'],
            closeBtn: 1, //不显示关闭按钮
            fixed: false, //不固定
            maxmin: true,
            shadeClose: true, //开启遮罩关闭
            content: $('#windows')
        });
    })
    let $yhkh = $('#yhkh').val();
    //银行卡输入框失焦查询
    let $i =$("#yhkh").blur(function () {//银行卡输入框失焦时查找
      
        if(null == $yhkh || $yhkh.length==0){
            layer.msg('请输入银卡后提交。');
            return false;
        }

        var pattern = /^([1-9]{1})(\d{15}|\d{16}|\d{18})$/;
        if (!pattern.test($yhkh)) {
            layer.msg('请正确输入银行卡号！');
            return false;
        }

        if($yhkh!==null || $yhkh.length!=0 != !pattern.test($yhkh)){
            $.ajax({
                url:"/userYhk",
                type: "post",
                data:{
                    userId:$("#userId").val(),//用户id
                    bankId:$("#yhkh").val(),//用户银行卡号
                },
                dataType:"json",
                success: function (data) {
                    if(data){//找到银行卡
                        return true;
                    }else {
                        layer.msg('银行卡账号错误,请重新输入');
                        $("#yhkh").val("");
                        return false;
                    }
                },
                error:function () {
                    layer.msg('呀呀呀,报错啦');
                    return false;
                }
            })
        }
    })
    
    //点击银行卡充值后去数据查找用户有没有银行卡，卡号正不正确
    $("#subcz").click(function () {
        //监听金额是否为空
        let $czje = $('#czje').val();
        if(null == $czje || $czje.length == 0 || 0 == $czje ){
            layer.msg('请输入金额后提交，最少一元。');
            return false;
        }
        let $yhkh = $('#yhkh').val();
        if(null == $yhkh || $yhkh.length==0){
            alert("aa")
            layer.msg('请输入银卡后提交。');
            return false;
        }

        var pattern = /^([1-9]{1})(\d{15}|\d{16}|\d{18})$/;
        if (!pattern.test($yhkh)) {
            layer.msg('请正确输入银行卡号！');
            return false;
        }

        if($i == false){
            alert("进来了")
            return false;
        }


        //监听复选框是否选中
        if(null==$('#ty:checked')||$('#ty:checked').length==0){
            layer.msg('请同意协议后提交。');
            return false;
        }

        if(null != $czje || $czje.length != 0 || 0 != $czje ||null!=$('#ty:checked')||$('#ty:checked').length!=0){
            layer.open({
                type: 1,
                title: '请输入密码',
                skin: 'layui-layer-demo', //样式类名
                area: ['450px', '200px'],
                closeBtn: 2, //不显示关闭按钮
                fixed: false, //不固定
                maxmin: true,
                content: $('#password-div')
            });
        }
        $("#qdcz").click(function () {
            let $password= $("#password").val();
            //console.log($password)
            if(null == $password || $password.length!=6){
                layer.msg('请输入密码。');
                return false;
            }else {
                $.ajax({//查找交易密码
                    url:"/payPwd",
                    type:"post",
                    data:{
                        userId:$("#userId").val(),//用户id
                        payPwd:$password,//交易密码
                        money:$("#czje").val(),//充值金额
                    },
                    dataType:"json",
                    success:function (data) {
                        if(data ==1){
                            layer.msg('充值成功');
                            setTimeout(function (){
                                layer.closeAll();
                                $("#yhkh").val(" ");
                                $("#czje").val(" ");
                                $("#password").val(" ");
                            },2000);
                        }else if(data==2){
                            layer.msg("您还没有设置支付密码,请先设置");
                            return false;
                        }else {
                            layer.msg("密码错误,请重新输入");
                            $("#password").val(" ");
                            return false;
                        }
                    },
                    error:function () {
                        layer.msg('呀呀呀,报错啦');
                    }
                })
            }
        })
    })
    //点击支付宝充值后
    $("#zfbcz").click(function () {
        //监听金额是否为空
        let $zfbje = $('#zfbje').val();
        if(null == $zfbje || $zfbje.length == 0 || 0 == $zfbje ){
            layer.msg('请输入金额后提交，最少一元。');
            return false;
        }
        //监听复选框是否选中
        if(null==$('#zfbty:checked')||$('#zfbty:checked').length==0){
            layer.msg('请同意协议后提交。');
            return false;
        }
        if(null != $zfbje || $zfbje.length != 0 || 0 != $zfbje || null!=$('#zfbty:checked')||$('#zfbty:checked').length!=0){

            location.href='/pay?userId='+$("#userId").val()+"&money="+$("#zfbje").val();
        }
    })


    //点击个人中心
    $("#personal_center").click(function () {
        layer.open({
            type: 1,
            title: '个人中心',
            skin: 'layui-layer-demo', //样式类名
            area: ['900px', '700px'],
            closeBtn: 1, //不显示关闭按钮
            fixed: false, //不固定
            maxmin: true,
            shadeClose: true, //开启遮罩关闭
            content: $('#personal_center_tcc')
        });
    })

});

//查询支付密码
$(".password-div input").on("input",function(e){ //标签为password-div下的input添加oninput事件
    var number = 6;   //定义输入最大值
    var pw = $("input[name = 'password']").val(); //定义pw为name是password的input框的输入值
    var list = $(".password-div ul li");  //定义list是li
    for(var i = 0; i < number ; i++){    //for循环遍历将·放入li标签
        if(pw[i]){
            $(list[i]).text("·");
        }else{
            $(list[i]).text("");
        };
    };
});
$(".password-div ul").click(function(){
    $("input[name = 'password']").val("");
    $("#password").focus();
    $(".password-div ul li").text("");
});